/* Premium V18 white-label controls. Applies to existing PC/mobile product DOM. */
:root{--p18-navy:#102c55;--p18-blue:#174579;--p18-ink:#23344e;--p18-gold:#caa05c;--p18-line:#e9e1d6}
.vi_info .vi_img_bx .bimg,
.vi_info .vi_img_bx .bimg img{border-radius:17px!important}
.vi_info .vi_img_bx .bimg{overflow:hidden!important;box-shadow:0 12px 28px rgba(40,44,54,.09)!important;border:1px solid rgba(210,202,190,.65)!important;background:#faf8f5}
.vi_info .vi_img_bx .bimg img{display:block;max-width:100%;height:auto;transition:transform .4s ease}
.vi_info .vi_img_bx .bimg:hover img{transform:scale(1.012)}
.sp_wrap .sp_sub_wrap .v_cont,
.sp_wrap .sp_sub_wrap .v_cont img,
.sp_wrap .sp_sub_wrap .v_horiz li,
.sp_wrap .sp_sub_wrap .v_horiz li img{border-radius:16px!important}
.sp_wrap .sp_sub_wrap .v_cont{overflow:hidden!important;margin:7px 9px 0!important;box-shadow:0 8px 22px rgba(30,44,67,.09);border:1px solid #eee8de;background:#fff}
.sp_wrap .sp_sub_wrap .v_cont img{max-width:100%;height:auto;display:block}
/* Marketing panel: luxury white-label card in the original share position. */
.itda-share-v17-promo.itda-p18-promo{position:relative!important;isolation:isolate;display:block!important;width:100%;max-width:none!important;min-width:0!important;overflow:hidden!important;padding:18px 20px 16px!important;margin:13px 0 17px!important;border:1px solid #e6d5b8!important;border-radius:19px!important;background:radial-gradient(ellipse at 100% 0%,rgba(245,219,175,.47),transparent 45%),linear-gradient(120deg,#fffefa,#fbf7f0 65%,#fff9ef)!important;box-shadow:0 14px 30px rgba(66,53,34,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;color:#263953!important;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif!important}
.itda-p18-promo:before{content:"";position:absolute;left:-35px;top:-65px;width:240px;height:180px;background:radial-gradient(ellipse,rgba(255,255,255,.95),transparent 70%);pointer-events:none;z-index:-1}
.itda-p18-promo .itda-v17-promo-symbol{display:none!important}
.itda-p18-promo .itda-v17-promo-body{display:block;width:100%}
.itda-p18-promo .itda-v17-promo-title{display:flex!important;align-items:center;gap:8px;color:#4e3b2a!important;font-size:17px!important;font-weight:850!important;margin:0 0 12px!important;letter-spacing:-.045em}
.itda-p18-promo .itda-v17-promo-title:before{content:"✦";display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:12px;color:#ac7e38;font-size:19px;background:#fff0d4;box-shadow:inset 0 0 0 1px #efdfc2}
.itda-p18-promo .itda-v17-promo-main{display:none!important}
.itda-p18-promo .itda-v17-promo-notice{display:block!important;font-size:10px!important;color:#887763!important;line-height:1.65!important;margin-top:10px!important}
.itda-p18-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(148px,195px);gap:14px;align-items:center}
.itda-p18-copy strong{display:block;color:#183c61;font-size:19px;letter-spacing:-.04em;line-height:1.36;margin:0 0 7px}
.itda-p18-copy strong b{color:#b17b35;font-size:25px}
.itda-p18-copy p{color:#65748a;font-size:12px;line-height:1.75;margin:0}
/* V18.2: first-buyer sentence gets its OWN full-width single line below the two-column image/card row. */
.itda-p18-promo .itda-p18-buyer-line{
 display:block!important;width:100%!important;max-width:100%!important;
 box-sizing:border-box!important;margin:12px 0 0!important;padding:0!important;
 color:#4d6178!important;font-size:12px!important;font-weight:650!important;
 line-height:1.6!important;letter-spacing:-.035em!important;
 white-space:nowrap!important;overflow:visible!important;text-align:left!important;
}
.itda-p18-promo .itda-p18-buyer-mobile{display:none!important}
@media(max-width:767px){
 .itda-p18-promo .itda-p18-buyer-line{
  font-size:10.5px!important;letter-spacing:-.055em!important;margin:9px 0 0!important;
 }
 .itda-p18-promo .itda-p18-buyer-desktop{display:none!important}
 .itda-p18-promo .itda-p18-buyer-mobile{display:inline!important}
}
@media(max-width:360px){
 .itda-p18-promo .itda-p18-buyer-line{font-size:9px!important;letter-spacing:-.07em!important}
}
.itda-p18-note{display:inline-flex;gap:5px;align-items:center;font-weight:750;font-size:10px;color:#937040;margin-top:10px}
.itda-p18-wallet-card{position:relative;min-height:122px;max-width:196px;width:100%;justify-self:end;display:flex;flex-direction:column;justify-content:space-between;padding:14px 15px 12px;border-radius:16px;border:1px solid rgba(227,195,130,.85);background:radial-gradient(circle at 89% 3%,rgba(133,178,216,.22),transparent 37%),linear-gradient(125deg,#0e2b52,#154774 58%,#071b35);box-shadow:0 12px 20px rgba(10,45,86,.19),inset 0 1px 0 rgba(255,255,255,.23);color:#fff;overflow:hidden;transform:perspective(700px) rotateY(-5deg);isolation:isolate}
.itda-p18-wallet-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 58%);pointer-events:none}
.itda-p18-wallet-card .p18-w-top{display:flex;justify-content:space-between;gap:7px;align-items:flex-start;font-size:9px;color:#e3edfc;font-weight:800;letter-spacing:.015em}
.itda-p18-wallet-card .p18-w-chip{width:21px;height:15px;flex:none;border-radius:4px;border:1px solid #e6bd78;background:linear-gradient(135deg,#f8d994,#b88b4f);position:relative;box-shadow:inset 0 0 0 2px #d7a95c}
.itda-p18-wallet-card .p18-w-chip:after{content:"";position:absolute;left:9px;top:0;bottom:0;border-left:1px solid rgba(89,56,20,.45)}
.itda-p18-wallet-card .p18-w-main{margin:6px 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:4px}
.itda-p18-wallet-card .p18-w-main strong{font-size:34px;line-height:1;font-weight:850;letter-spacing:-.055em;color:#f6d58f}
.itda-p18-wallet-card .p18-w-main small{font-size:8px;color:#e1efff}
.itda-p18-wallet-card .p18-w-foot{border-top:1px solid rgba(227,213,183,.28);margin-top:9px;padding-top:6px;display:flex;justify-content:space-between;gap:4px;font-size:8px;color:#e7c68b}
.itda-p18-wallet-card .p18-w-gauge{height:3px;margin-top:5px;border-radius:20px;background:rgba(225,235,250,.2);overflow:hidden}
.itda-p18-wallet-card .p18-w-gauge i{display:block;background:linear-gradient(90deg,#e4bb77,#fff2c4);width:0;height:100%}
.itda-p18-reward-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid #eee1cd;margin-top:14px;padding-top:11px;color:#866a42;font-size:10px;font-weight:700}
.itda-p18-reward-foot span{display:inline-flex;align-items:center;gap:4px}
/* Share modal should match the purchase card, not a generic alert. */
.itda-share-v15-modal{border:1px solid #dac8ad!important;border-radius:20px!important;box-shadow:0 26px 70px rgba(17,38,72,.25)!important}
.itda-share-v15-header{background:linear-gradient(120deg,#112d53,#18477b)!important}
.itda-share-v15-copy{background:linear-gradient(135deg,#103c6b,#1e6099)!important;box-shadow:0 7px 17px rgba(22,83,138,.21)}
/* Converted CTA presentation only. Original JS and form submission remain intact. */
.vi_info .vi_btn{display:grid!important;grid-template-columns:1.4fr 1fr 1fr;align-items:stretch;gap:10px;padding:9px 0 2px}
.vi_info .vi_btn>span{float:none!important;display:block!important;width:auto!important;min-width:0!important;margin:0!important}
.vi_info .vi_btn>span>a{box-sizing:border-box;min-width:0;display:flex!important;align-items:center;justify-content:center;gap:7px;height:54px!important;width:100%!important;padding:0 12px!important;border-radius:13px!important;text-decoration:none!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.035em;transition:filter .18s,transform .18s,box-shadow .18s}
.vi_info .vi_btn>span:first-child>a{color:#fff!important;background:linear-gradient(135deg,#173c6c,#245d91)!important;border:1px solid #1e497b!important;box-shadow:0 8px 17px rgba(26,70,123,.17)!important}
.vi_info .vi_btn>span:nth-child(2)>a{color:#244566!important;background:#f6f9fd!important;border:1px solid #cbd9e8!important;box-shadow:none!important}
.vi_info .vi_btn>span:nth-child(3)>a{color:#4d5970!important;background:#fff!important;border:1px solid #dcdfe8!important;box-shadow:none!important}
.vi_info .vi_btn>span>a:hover{filter:brightness(1.04);transform:translateY(-1px)}
.vi_info .vi_btn>span>a:focus-visible,.sp_btn button:focus-visible{outline:3px solid #5c9cda;outline-offset:2px}
.itda-p18-cta-icon{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sp_wrap .sp_vbox .sp_btn{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;padding:2px 0 6px;align-items:stretch}
.sp_wrap .sp_vbox .sp_btn>p{grid-column:1/-1;display:block;margin:0!important;float:none!important;width:100%!important}
.sp_wrap .sp_vbox .sp_btn>span{display:block;float:none!important;width:100%!important;min-width:0}
.sp_wrap .sp_vbox .sp_btn button{box-sizing:border-box;display:flex!important;gap:7px;align-items:center;justify-content:center;width:100%!important;height:50px!important;min-width:0;padding:0 10px!important;border-radius:12px!important;line-height:1.2!important;font-size:14px!important;font-weight:800!important}
.sp_wrap .sp_vbox .sp_btn>p>button{height:55px!important;background:linear-gradient(135deg,#173f71,#2866a0)!important;color:#fff!important;border:1px solid #22558b!important;box-shadow:0 8px 16px rgba(18,71,118,.19)}
.sp_wrap .sp_vbox .sp_btn>span>button{background:#fafbfd!important;color:#2c5075!important;border:1px solid #d6e0ec!important;box-shadow:none}
/* Floating dock: macOS-inspired tactile card fan, metallic robot and layered tiles. */
#it3-assistant .it3-float-stack{gap:9px!important;filter:none!important}
#it3-assistant .it3-v17-nav{width:76px!important;gap:9px!important}
#it3-assistant .it3-v17-quick{position:relative;width:76px!important;min-height:66px!important;overflow:visible!important;border-radius:17px!important;box-shadow:0 9px 22px rgba(10,44,85,.19),inset 0 1px 1px rgba(255,255,255,.85)!important;font-size:10px!important;letter-spacing:-.02em}
#it3-assistant .it3-v17-quick--wallet{border:1px solid #83a0c4!important;background:linear-gradient(145deg,#112d57,#1d5a94 69%,#102949)!important;color:#fff!important}
#it3-assistant .it3-v17-quick--ref{border:1px solid #d1ba91!important;background:linear-gradient(145deg,#fff9ed,#e8d5b5 68%,#fefdfb)!important;color:#594627!important}
#it3-assistant .it3-v17-quick .it3-v17-ico{font-size:18px!important;text-shadow:0 2px 2px rgba(10,25,40,.12)}
#it3-assistant .it3-v17-quick--wallet .it3-v17-ico{font-size:0!important;position:relative;display:block;width:35px;height:23px;margin:1px 0 3px;border:1px solid #d6b780;border-radius:6px;background:linear-gradient(125deg,#0b274b,#3778ac);box-shadow:0 4px 6px rgba(0,0,0,.2);z-index:1}
#it3-assistant .it3-v17-quick--wallet .it3-v17-ico:after{content:"8%";position:absolute;left:5px;top:5px;color:#ffe6ad;font-size:10px;line-height:1;font-weight:850}
#it3-assistant .it3-v17-quick--wallet:before,#it3-assistant .it3-v17-quick--wallet:after{content:"";position:absolute;left:20px;top:11px;width:35px;height:24px;border-radius:6px;border:1px solid rgba(190,210,234,.85);background:linear-gradient(135deg,#4b739f,#d1e3f5);box-shadow:0 4px 8px rgba(13,40,75,.23);transition:transform .28s ease;pointer-events:none}
#it3-assistant .it3-v17-quick--wallet:before{transform:translate(4px,-4px) rotate(7deg)}
#it3-assistant .it3-v17-quick--wallet:after{transform:translate(9px,-6px) rotate(12deg);z-index:0}
#it3-assistant .it3-v17-quick--wallet:hover:before,#it3-assistant .it3-v17-quick--wallet:focus-visible:before{transform:translate(15px,-6px) rotate(13deg)}
#it3-assistant .it3-v17-quick--wallet:hover:after,#it3-assistant .it3-v17-quick--wallet:focus-visible:after{transform:translate(28px,-8px) rotate(18deg)}
#it3-assistant .it3-v17-quick:hover,#it3-assistant .it3-float-bot:hover,#it3-assistant .it3-float-kakao:hover{transform:translateY(-2px) scale(1.035)!important}
#it3-assistant .it3-float-bot{border:1px solid #a5bddb!important;border-radius:19px!important;background:radial-gradient(circle at 27% 8%,#fff,#dceeff 45%,#8fb3df 100%)!important;box-shadow:0 10px 26px rgba(22,67,125,.22),inset 0 2px 3px rgba(255,255,255,.95),inset 0 -4px 9px rgba(33,85,155,.18)!important}
#it3-assistant .it3-float-bot svg{filter:drop-shadow(0 3px 3px rgba(15,58,109,.23))}
#it3-assistant .it3-float-kakao{border:1px solid #d2ae39!important;background:radial-gradient(circle at 32% 18%,#fff7ba,#ffe75a 35%,#edc218 90%)!important;box-shadow:0 8px 17px rgba(94,73,15,.24),inset 0 2px 4px rgba(255,255,255,.9),inset 0 -3px 5px rgba(124,88,8,.13)!important;transition:transform .2s!important}
#it3-assistant .it3-float-kakao svg{filter:drop-shadow(0 2px 1px rgba(64,51,6,.18))}
@media(max-width:767px){
 .itda-share-v17-promo.itda-p18-promo{margin:9px 8px 15px!important;width:calc(100% - 16px);padding:13px!important;border-radius:16px!important}
 .itda-p18-promo .itda-v17-promo-title{font-size:15px!important;margin:0 0 10px!important}
 .itda-p18-inner{grid-template-columns:minmax(0,1fr) minmax(115px,35%);gap:8px}
 .itda-p18-copy strong{font-size:15px}
 .itda-p18-copy strong b{font-size:19px}
 .itda-p18-copy p{font-size:10px}
 .itda-p18-wallet-card{padding:10px 8px;min-height:108px;border-radius:11px;transform:none}
 .itda-p18-wallet-card .p18-w-main strong{font-size:25px}
 .itda-p18-wallet-card .p18-w-top{font-size:8px}
 .itda-p18-wallet-card .p18-w-foot{font-size:7px}
 .itda-p18-reward-foot{font-size:9px}
 #it3-assistant .it3-v17-nav{width:60px!important;gap:7px!important}
 #it3-assistant .it3-v17-quick{width:60px!important;min-height:57px!important;font-size:9px!important;border-radius:14px!important}
 #it3-assistant .it3-v17-quick--wallet .it3-v17-ico{width:30px;height:20px}
 #it3-assistant .it3-v17-quick--wallet:before,#it3-assistant .it3-v17-quick--wallet:after{left:15px;top:9px;width:30px;height:21px}
 #it3-assistant .it3-v17-quick--wallet:hover:after{transform:translate(11px,-7px) rotate(12deg)}
 #it3-assistant .it3-float-stack{right:9px!important;bottom:96px!important;gap:7px!important}
}
@media(max-width:360px){
 .itda-p18-inner{grid-template-columns:minmax(0,1fr) minmax(105px,35%);gap:6px}
 .itda-p18-copy strong{font-size:14px}
 #it3-assistant .it3-v17-nav{width:54px!important}
 #it3-assistant .it3-v17-quick{width:54px!important;min-height:54px!important}
}
@media(max-height:680px) and (max-width:767px){
 #it3-assistant .it3-float-stack{gap:3px!important;bottom:72px!important}
 #it3-assistant .it3-v17-nav{gap:3px!important}
 #it3-assistant .it3-v17-quick{min-height:46px!important}
 #it3-assistant .it3-float-bot{height:53px!important}
 #it3-assistant a.it3-float-kakao{width:43px!important;height:43px!important}
}
@media(prefers-reduced-motion:reduce){.vi_info .vi_img_bx .bimg img,#it3-assistant .it3-v17-quick{transition:none!important}}
