/* 선물텐데이 — 견적서 요청 · 무료 시안 요청 · 내 요청함 공통 (서류 양식)
   검정 #222 · 회색 · 빨강(#FF5452)은 필수 표시와 제출 버튼에만 */
.gd{--ink:#222;--sub:#555;--mute:#888;--bd:#c8c8c8;--line:#e1e1e1;--th:#f6f6f6;--red:#ff5452;--redd:#e5383b;background:#fff;color:var(--ink);letter-spacing:-.02em;}
.gd *{box-sizing:border-box;}
.gd-wrap{max-width:1000px;margin:0 auto;padding:30px 20px 70px;}

/* 세 페이지 공통 탭 */
.gd-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;}
.gd-tab{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--mute)!important;text-decoration:none!important;transition:border-color .15s;}
.gd-tab:hover{border-color:var(--ink);color:var(--ink)!important;}
.gd-tab i{flex:0 0 30px;height:30px;border-radius:50%;background:#efefef;color:#999;font-style:normal;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}
.gd-tab b{display:block;font-size:16px;font-weight:800;color:inherit;}
.gd-tab small{display:block;font-size:12.5px;color:var(--mute);margin-top:1px;}
.gd-tab.on{border:2px solid var(--ink);padding:11px 17px;color:var(--ink)!important;}
.gd-tab.on i{background:var(--ink);color:#fff;}

/* 서류 머리 */
.gd-paper{border-top:3px solid var(--ink);}
.gd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:20px 0 16px;border-bottom:1px solid var(--ink);}
.gd-head h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.05em;}
.gd-head p{margin:6px 0 0;font-size:14.5px;color:var(--sub);line-height:1.65;}
.gd-head-side{font-size:13px;color:var(--mute);text-align:right;line-height:1.7;}
.gd-head-side a{color:var(--ink)!important;font-weight:800;font-size:16px;text-decoration:none!important;}
.gd-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;padding:11px 16px;margin:14px 0 0;background:var(--th);border-radius:10px;font-size:13.5px;color:var(--sub);}
.gd-flow b{color:var(--ink);margin-right:8px;}
.gd-flow span{display:inline-flex;align-items:center;gap:6px;}
.gd-flow span em{font-style:normal;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid var(--bd);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);}
.gd-flow span+span:before{content:'›';margin:0 6px 0 2px;color:#bbb;font-size:16px;}

/* 구역 + 표 */
.gd-sec{margin-top:24px;}
.gd-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;}
.gd-sec-h h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.04em;}
.gd-sec-h h2 em{font-style:normal;color:var(--mute);margin-right:6px;}
.gd-sec-h small{font-size:12.5px;color:var(--mute);}
.gd-req{color:var(--red);font-weight:800;margin-left:2px;}
.gd-tbl{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);table-layout:fixed;}
.gd-tbl th,.gd-tbl td{border-bottom:1px solid var(--line);padding:8px 12px;vertical-align:middle;text-align:left;font-size:14.5px;}
.gd-tbl col.gd-c-h{width:172px;}
.gd-tbl th{white-space:nowrap;}
.gd-tbl th{background:var(--th);font-weight:700;color:var(--ink);font-size:14px;line-height:1.45;}
.gd-tbl th small{display:block;font-weight:500;color:var(--mute);font-size:11.5px;margin-top:1px;}
.gd-tbl td{background:#fff;}
.gd-tbl .gd-desc{margin-top:5px;font-size:12.5px;color:var(--mute);line-height:1.55;}

/* 입력칸 : 테두리를 진하게 */
.gd input[type=text],.gd input[type=email],.gd input[type=tel],.gd input[type=number],.gd input[type=date],.gd input:not([type]),.gd textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--bd);border-radius:6px;background:#fff;font-size:15px;color:var(--ink);font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;}
.gd textarea{height:64px;padding:9px 12px;line-height:1.55;resize:vertical;}
.gd input::placeholder,.gd textarea::placeholder{color:#a5a5a5;}
.gd input:focus,.gd textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px rgba(34,34,34,.12);}
.gd .gd-short{max-width:260px;}
.gd-unit{position:relative;max-width:260px;}
.gd-unit input{padding-right:38px;}
.gd-unit span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--mute);pointer-events:none;}

/* 빠른 선택 버튼 (수량 · 예산 · 날짜) */
.gd .td-chips,.gd .td-qty-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;}
/* 입력칸 + 빠른 선택을 한 줄로 */
.gd-inline{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;}
.gd-inline>input,.gd-inline>.gd-unit{flex:0 0 170px;max-width:170px;}
.gd-inline .td-chips,.gd-inline .td-qty-chips{margin-top:0;}
.gd .td-chip,.gd .td-qty-chips button{height:32px;padding:0 11px;border:1px solid var(--bd);border-radius:6px;background:#fff;color:var(--sub);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.gd .td-chip:hover,.gd .td-qty-chips button:hover{border-color:var(--ink);color:var(--ink);}
.gd .td-chip.on,.gd .td-qty-chips button.on{background:var(--ink);border-color:var(--ink);color:#fff;}
.gd .td-chips-budget{margin-top:0;}

/* 선택형 (결제 방법) */
.gd-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.gd-opts label{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border:1px solid var(--bd);border-radius:6px;cursor:pointer;margin:0;font-weight:500;}
.gd-opts label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.gd-opts input{margin:3px 0 0;accent-color:var(--ink);width:16px;height:16px;flex:0 0 16px;}
.gd-opts b{font-size:14.5px;}
.gd-opts span{display:block;font-size:12.5px;color:var(--mute);margin-top:2px;}

/* 안내 · 제출 */
.gd-note{margin-top:14px;padding:11px 16px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;color:var(--sub);line-height:1.75;}
.gd-note b{color:var(--ink);}
.gd-submit{margin-top:20px;padding-top:20px;border-top:1px solid var(--ink);text-align:center;}
.gd-submit button,.gd-btn-red{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:420px;height:54px;border:0;border-radius:8px;background:var(--ink);color:#fff!important;font-size:18px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none!important;transition:background .15s;}
.gd-submit button:hover,.gd-btn-red:hover{background:#000;}
.gd-submit button:disabled{background:#bbb;cursor:default;}
.gd-submit p{margin:12px 0 0;font-size:13px;color:var(--mute);line-height:1.7;}
.gd-submit p a,.gd-link{color:var(--ink)!important;font-weight:700;text-decoration:underline!important;text-underline-offset:2px;}
.gd-call{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;padding:16px 20px;background:var(--th);border-radius:10px;font-size:14px;color:var(--sub);}
.gd-call a{font-size:20px;font-weight:800;color:var(--ink)!important;text-decoration:none!important;}

/* 참고 상품 고르기 (무료 시안) */
.gd .td-ref-card{display:flex;gap:14px;align-items:center;border:1px solid var(--ink);border-radius:8px;padding:10px;}
.gd .td-ref-card img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#f3f3f3;flex:0 0 72px;}
.gd .td-ref-info{flex:1;min-width:0;}
.gd .td-ref-info>b{display:block;font-size:14.5px;}
.gd .td-ref-info>em{font-style:normal;font-weight:800;}
.gd .td-ref-mode{display:flex;gap:4px 16px;flex-wrap:wrap;margin-top:5px;}
.gd .td-ref-mode label{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;cursor:pointer;margin:0;font-weight:500;}
.gd .td-ref-mode input{accent-color:var(--ink);}
.gd .td-ref-del{height:34px;border:1px solid var(--bd);background:#fff;border-radius:6px;padding:0 12px;font-weight:700;cursor:pointer;}
.gd .td-ref-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin-top:8px;}
.gd .td-ref-results:not(:empty){border:1px solid var(--line);background:#fafafa;border-radius:8px;padding:10px;}
.gd .td-ref-row{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px;cursor:pointer;}
.gd .td-ref-row:hover{border-color:var(--ink);}
.gd .td-ref-row img,.gd .td-ref-noimg{width:48px;height:48px;object-fit:cover;border-radius:4px;background:#f0f0f0;flex:0 0 48px;}
.gd .td-ref-row b{display:block;font-size:13px;line-height:1.35;font-weight:500;}
.gd .td-ref-row em{font-style:normal;font-weight:800;font-size:13px;}
.gd .td-ref-empty{font-size:13px;color:var(--mute);padding:4px 2px;grid-column:1/-1;}
.gd .td-ref-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--sub);}
.gd .td-ref-head button{border:0;background:none;color:var(--mute);font-size:12px;cursor:pointer;}
.gd .td-ref-cats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;padding:2px 0 4px;}
.gd .td-ref-cats button{height:30px;padding:0 11px;border:1px solid var(--bd);background:#fff;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--sub);cursor:pointer;white-space:nowrap;}
.gd .td-ref-cats button.on{background:var(--ink);border-color:var(--ink);color:#fff;}

@media(max-width:768px){
  .gd-wrap{padding:18px 14px 60px;}
  .gd-tabs{gap:5px;margin-bottom:20px;}
  .gd-tab{flex-direction:column;text-align:center;gap:5px;padding:10px 4px;}
  .gd-tab.on{padding:9px 3px;}
  .gd-tab b{font-size:13.5px;}
  .gd-tab small{display:none;}
  .gd-tab i{flex:0 0 26px;width:26px;height:26px;font-size:12px;}
  .gd-head h1{font-size:24px;}
  .gd-head-side{text-align:left;}
  .gd-tbl,.gd-tbl tbody,.gd-tbl tr,.gd-tbl th,.gd-tbl td{display:block;width:100%;}
  .gd-tbl th{border-bottom:0;padding:11px 12px 6px;}
  .gd-tbl td{padding:0 12px 12px;background:var(--th);}
  .gd-tbl colgroup{display:none;}
  .gd-opts{grid-template-columns:1fr;}
  .gd-inline>input,.gd-inline>.gd-unit{flex:1 1 100%;max-width:none;}
  .gd-tbl th small{display:inline;margin-left:4px;}
  .gd .gd-short,.gd-unit{max-width:none;}
  .gd .td-ref-results{grid-template-columns:1fr;}
  .gd .td-ref-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .gd .td-ref-card{flex-wrap:wrap;}
}
@media(min-width:769px){.gd-tbl td.gd-half{width:auto;}}